<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" src="../js/tabview/TabViewUtil.js"></script>
<script type="text/javascript" src="../js/treeview/TreeViewUtil.js"></script>
<script type="text/javascript" src="../js/datatableview/DataTableViewUtil.js"></script>



<!-- Sam Skin CSS for TabView -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/tabview/assets/skins/sam/tabview.css">
 
<!-- JavaScript Dependencies for Tabview: -->
<script src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"></script>
 
<!-- OPTIONAL: Connection (required for dynamic loading of data) -->
<!-- <script src="http://yui.yahooapis.com/2.9.0/build/connection/connection-min.js"></script> -->
<script src="../js/ajax/YUIAjaxUtil.js"></script>  
<!-- Source file for TabView -->
<script src="http://yui.yahooapis.com/2.9.0/build/tabview/tabview-min.js"></script>
 
<!-- End JavaScript Dependencies for Tabview: -->


<!-- JavaScript Dependencies for TreeView -->
<!-- Required CSS -->
<link rel="stylesheet" type="text/css" href="../stylesheets/treeview/folders/tree.css"> 
<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/treeview/assets/skins/sam/treeview.css">
<!-- Optional CSS for for date editing with Calendar-->
<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/calendar/assets/skins/sam/calendar.css">
 
<!-- Dependency source file --> 
<script src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js" ></script>
<!-- Optional dependency source file --> 
<script src="http://yui.yahooapis.com/2.9.0/build/animation/animation-min.js" type="text/javascript"></script>
<!-- Optional dependency source file for date editing with Calendar--> 
<script src="http://yui.yahooapis.com/2.9.0/build/calendar/calendar-min.js" ></script>
<!-- Optional dependency source file to decode contents of yuiConfig markup attribute--> 
<script src="http://yui.yahooapis.com/2.9.0/build/json/json-min.js" ></script>
 
<!-- TreeView source file --> 
<script src="http://yui.yahooapis.com/2.9.0/build/treeview/treeview-min.js" ></script>

<!-- End JavaScript Dependencies for TreeView -->

<!-- DataTable JavaScript -->
<!--CSS file (default YUI Sam Skin) -->
<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/datatable/assets/skins/sam/datatable.css">
 
<!-- Dependencies -->
<script src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"></script>
<script src="http://yui.yahooapis.com/2.9.0/build/datasource/datasource-min.js"></script>
 
<!-- OPTIONAL: JSON Utility (for DataSource) -->
<script src="http://yui.yahooapis.com/2.9.0/build/json/json-min.js"></script>
 
<!-- OPTIONAL: Connection Manager (enables XHR for DataSource) -->
<script src="http://yui.yahooapis.com/2.9.0/build/connection/connection-min.js"></script>
 
<!-- OPTIONAL: Get Utility (enables dynamic script nodes for DataSource) -->
<script src="http://yui.yahooapis.com/2.9.0/build/get/get-min.js"></script>
 
<!-- OPTIONAL: Drag Drop (enables resizeable or reorderable columns) -->
<script src="http://yui.yahooapis.com/2.9.0/build/dragdrop/dragdrop-min.js"></script>
 
<!-- OPTIONAL: Calendar (enables calendar editors) -->
<script src="http://yui.yahooapis.com/2.9.0/build/calendar/calendar-min.js"></script>
 
<!-- Source files -->
<script src="http://yui.yahooapis.com/2.9.0/build/datatable/datatable-min.js"></script>
<!-- End DataTable JavaScript -->


<link rel="stylesheet" type="text/css" href="../stylesheets/compose.css" />
<link rel="stylesheet" type="text/css" href="../stylesheets/treeview/menu/tree.css" />
<title>Insert title here</title>

<script type="text/javascript">
function setLeftContentPane(){
	
//	var headerContentPane = document.getElementById("logo");
	//headerContentPane.innerHTML = "<img width='90' height='90' src='../img/logo.jpg'>";

	//var leftContentPane = document.getElementById("content-left");
	//leftContentPane.innerHTML = "<img src='../img/inbox.png'>";

	var dataTableViewUtil = new DataTableViewUtil();
	dataTableViewUtil.addDataTableToDiv("dtcontainer","tvcontainer");
	
	var treeViewUtil = new TreeViewUtil();
	treeViewUtil.addTreeToDiv("content-left");

	var post = document.getElementById("post");
	post.innerHTML = "<IFRAME SRC='newpost.html' WIDTH=995 HEIGHT=385 SCROLLING=YES FRAMEBORDER=0></IFRAME>";
	
	
} 
</script>

</head>
<body class="yui-skin-sam" onload="setLeftContentPane();">

<div id="wrapper">
	<div id="header">
		<div class="wrap">
			
			<div id="title-area">
				
				<h1 id="title">
					Professional Exchange
				</h1>
			</div>
			
		</div>
	</div>
	
	<div id="content-left" class="ygtvlph"></div>
	
	<div id="content-main" >
		<div id="tvcontainer" class="yui-navset">
    		<ul class="yui-nav">
	        	<li class="selected">	<a href="#tab1"><em>View</em></a></li>
	        	<li >					<a href="#tab2"><em>Post</em></a></li>
    	    	<li>					<a href="#tab3"><em>Search</em></a></li>
        		<li>					<a href="#tab4"><em>Groups</em></a></li>
    		</ul>            
	    	<div class="yui-content">
	        	<div id="dtcontainer"></div>
	        	<div id="post"><p>Post is not implemented yet.</p></div>
    	    	<div id="search"><p>Search is not implemented yet.</p></div>
        		<div id="group"><p>Groups is not implemented yet.</p></div>
    		</div>
		</div>
	</div>
		
	<div id="content-right"><H4>right</H4></div>
	<div id="footer">footer</div>
	<div id="bottom">bottom</div>
</div>
</body>
</html>